<template>
	<div class="foot">
		<div class="tool">
			<span>
				<router-link target="_blank" to="/help/howtoAlt">
					<img :src="help" />常见问题FAQ
				</router-link>
			</span>
			<span>|</span>
			<span>
				<router-link target="_blank" to="/rule">
					<img :src="user" />用户协议
				</router-link>
			</span>
			<span>|</span>
			<span>
				<img :src="updated" />更新日志
			</span>
			<span>|</span>
			<span style="cursor:pointer;" v-if="shop_id != 357246 && shop_id != 359578"
				@click="centerDialogVisible = true">
				<img :src="support" />技术支持
			</span>
		</div>
		<div style="text-align: center; ">

		  <div style="width:600px;margin:0 auto; padding:20px 0;">
		       <a target="_blank" href="https://beian.miit.gov.cn/" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
		         <img src="../assets/beian.png" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;" v-if="moban2 && moban2.filing">{{moban2.filing}}</p>
		       </a>
		  </div>
		</div>
		<el-dialog title="联系方式" :visible.sync="centerDialogVisible" width="30%" center>
			<div class="ddd">
				<span>
					<img :src="phone" />13361324450
				</span>
				<span>
					<img :src="weixin" />13361324450
				</span>
			</div>
		</el-dialog>
	</div>
</template>

<script>
	import axios from "axios";
	export default {
		name: "foot",
		data() {
			return {
				centerDialogVisible: false,
				phone: "./static/help/phone.png",
				weixin: "./static/help/weixin.png",
				help: "./static/help/help.png",
				user: "./static/help/user.png",
				updated: "./static/help/update.png",
				support: "./static/help/support.png",
				shop_id: ""
			};
		},
		created() {
			axios.get('/api/gth/user/shop')
				.then(response => {
					if (response.data.msg.code == 0) {
						this.shop_id = response.data.data.shop_id
					} else {
						this.$message.error(response.data.msg.info);
					}
				})

		},
		methods: {

		}
	};
</script>

<style lang="scss" scoped>
	.foot {
		text-align: center;
		margin-top: 10px;
		padding: 20px;
		font-size: 14px;

		.tool {
			height: 20px;
			line-height: 20px;
		}

		span {
			font-size: 14px;
			vertical-align: middle;
			margin-left: 10px;
			color: #666;
		}

		a {
			color: #666;
		}

		img {
			line-height: 14px;
			height: 14px;
			position: relative;
			margin-right: 5px;
			top: 1px;
		}
	}

	.ddd {
		margin-bottom: 10px;

		span {
			display: block;
			font-size: 20px;
			text-align: center;
		}

		img {
			position: relative;
			width: 15px;
			margin-right: 5px;
			top: 1px;
		}
	}
</style>
